{% extends 'base.html' %}

{% block top %}
    <script src="/static/js/echarts.min.js"></script>
    <title>{{ title }}</title>
    {{ super() }}
{% endblock %}


{% block content %}

<div class="container" style>
    <div class="list_item col-sm-push-3 " style="background-color:#fff">
    <table class="table table-bordered container">
        <br>
        <h2 class="text-center"><strong>{{ data }}</strong></h2>
        <h5 class="text-right"><i>元／吨</i></h5>
        <thead>
        <tr>
            {% for data in table_title %}
            <th style="vertical-align: middle !important;text-align: center;">{{ data }}</th>
            {% endfor %}
        </tr>
        </thead>
        <tbody>
        {% for row in rows_data %}
        <tr>
            {% for data in row %}
            <td style="vertical-align: middle !important;text-align: center;color:#00F;">{{ data }}</td>
            {% endfor %}
        </tr>
        {% endfor %}
        </tbody>
    </table>
        <br>
        <br>
        <div style="margin-left:10%" class="col-sm-push-6">{{ bar|safe}}</div>
    </div>
</div>



{% endblock %}